<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t" %>
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<f:view>
    	<t:saveState id="save" value="#{libreria}"></t:saveState>
    <h:form id="ass">
    	<h:messages style="color:red" > </h:messages>
   		<h:panelGrid id="busqueda" columns="3" cellpadding="10">
      	    <h:outputLabel id="tema" value="Tema:"></h:outputLabel>
       		<h:selectOneMenu id="combo" value="#{libreria.tema}" rendered="#{libreria.listaTemas != null}">
       			<f:selectItems value="#{libreria.listaTemas}" />
       		</h:selectOneMenu>
       		<h:selectOneMenu id="comboNull" value="#{libreria.tema}" rendered="#{libreria.listaTemas == null}">
       		</h:selectOneMenu>
       		<h:commandButton id="buscar" value="Buscar" action="#{libreria.buscar}"/>
       	    <h:outputLabel id="titulo" value="Titulo:"></h:outputLabel>
       		<h:inputText id="input" value="#{libreria.titulo}"></h:inputText>
       		<h:outputLabel id="nada"></h:outputLabel>
       	</h:panelGrid>
        <rich:spacer id="spacer" height="30" />
   		<h:panelGrid id="tablaLibros" columns="1" cellpadding="10">
        	<rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px" width="900px" rows="40"
              	value="#{libreria.listaLibros}" var="libro" sortMode="single" id="tabla">
            	<rich:column id="ID" width="99">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="ID" /></f:facet>
                	<h:outputText value="#{libro.id_libro}" />
            	</rich:column>
            	<rich:column id="tema" width="99">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="Tema" /></f:facet>
                	<h:outputText value="#{libro.tema}" />
            	</rich:column>
            	<rich:column id="titulo" width="300">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="Titulo" /></f:facet>
                	<h:outputText value="#{libro.titulo}" />
            	</rich:column>
            	<rich:column id="stock" width="99">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
                	<h:outputText value="#{libro.stock}" />
            	</rich:column>
            	<rich:column id="costo" width="99">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="Costo" /></f:facet>
                	<h:outputText value="#{libro.costo}" />
            	</rich:column>
            	<rich:column id="comprar" width="99">
                	<f:facet name="header"><h:outputText styleClass="headerText" value="Costo" /></f:facet>
                	<h:selectBooleanCheckbox id="btnModificar" value="#{libro.seleccionado}" />
            	</rich:column>
        	</rich:scrollableDataTable>
        </h:panelGrid>
    </h:form>
</f:view>
</body>
</html>